<template>
    <div class="yuyue">
        <div class="yuyue_top">
            <van-icon name="arrow-left" class="goback" />
            <div style="font-size:18px;  text-align: center;">体检预约详情</div>
        </div>
        <div class="yuyue_body">
            <div class="yuyue_name">
                <span class="message" style="padding-right:10px;">小一</span>
                <span class="message"> 女</span>
                <span class="message" style="padding-left:230px; color:rgb(0, 209, 209); ">待体检</span>
            </div>
            <div class="parentBox">
                <div class="child">体检机构：【慈铭】广州体育中心体检中心</div>
                <div class="child">体检时间：2016-04-12</div>
                <div class="child">预约单号：1009</div>
            </div>
        </div>
        <div class="yuyue_body">
            <div class="yuyue_name">
                <span class="message" style="padding-right:10px;">小一</span>
                <span class="message"> 女</span>
                <span class="message" style="padding-left:230px; color:rgb(0, 209, 209); ">待体检</span>
            </div>
            <div class="parentBox">
                <div class="child">体检机构：【慈铭】广州体育中心体检中心</div>
                <div class="child">体检时间：2016-04-12</div>
                <div class="child">预约单号：1009</div>
            </div>
        </div>
        <div class="yuyue_body">
            <div class="yuyue_name">
                <span class="message" style="padding-right:10px;">小一</span>
                <span class="message"> 女</span>
                <span class="message" style="padding-left:230px; color:rgb(0, 209, 209); ">待体检</span>
            </div>
            <div class="parentBox">
                <div class="child">体检机构：【慈铭】广州体育中心体检中心</div>
                <div class="child">体检时间：2016-04-12</div>
                <div class="child">预约单号：1009</div>
            </div>
        </div>
        <div class="yuyue_body">
            <div class="yuyue_name">
                <span class="message" style="padding-right:10px;">小一</span>
                <span class="message"> 女</span>
                <span class="message" style="padding-left:230px; color:rgb(0, 209, 209); ">待体检</span>
            </div>
            <div class="parentBox">
                <div class="child">体检机构：【慈铭】广州体育中心体检中心</div>
                <div class="child">体检时间：2016-04-12</div>
                <div class="child">预约单号：1009</div>
            </div>
        </div>
    </div>
</template>

<script>
// @ is an alias to /src
// import HelloWorld from '@/components/HelloWorld.vue'

export default {
  name: 'yuyue',
}
</script>
<style>
        *{
            padding: 0;
            margin: 0;
        }
        .yuyue_top{
            height: 50px;
        }
        .goback{
            float: left;
            font-size: 22px;
            padding-left: 0;
        }
        .yuyue_name{
            height: 30px;
            border-bottom: 1px solid rgb(168, 168, 168);
            margin: 6px;
        }
        .parentBox{
            font-size: 14px;
            border-bottom:8px solid rgb(238, 238, 238);
        } 
        .child{
            width: 100%;
            height: 25px;
            margin: 6px;
        }
    </style>
